layui.use(['table','layer', 'laydate','util'],function(){
    var layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        laydate=layui.laydate,
        table = layui.table,
        util = layui.util;


    // 日期时间范围
    laydate.render({
        elem: '#ID-laydate-range-datetime',
        type: 'datetime',
        range: true
    });


    var tableIns = table.render({
        elem: '#saleChanceList'
        ,url: ctx + '/Merchant/listReconciliation'
        ,cellMinWidth: 80 //全局定义常规单元格的最小宽度，layui 2.2.1 新增
        ,page: true //开启分页
        ,height : "full-125"
        ,limits : [10,15,20,25]
        ,limit : 10
        ,toolbar: "#toolbarDemo"
        ,id : "saleChanceTable"
        ,cols: [[
            {field:'billNumber',title: '账单号',align:"center"}
            ,{field:'generatedTime',title: '生成时间',align:"center"}
            ,{field:'settlementPeriod',title: '结算时间',align:"center"}
            ,{field:'shopName',  title: '店铺名称',align:"center"}
            ,{field:'settlementAmount', title: '结算金额', align:"center"}  //minWidth：局部定义当前单元格的最小宽度，layui 2.2.1 新增
            ,{field:'state', title: '状态', align:"center",templet:function (d) {
                    return formattershopState(d.state);
                }}
            ,{title: '操作', templet:'#saleChanceListBar',fixed:"right",align:"center",
                minWidth:150}
        ]]
    });


    function formattershopState(state){
        if(state==0) {
            return "<div style='color: gold'>未结账</div>";
        } else if(state==1) {
            return "<div style='color: green'>已结账</div>";
        } else {
            return "<div style='color: red'>未知</div>";
        }
    }

    /**
     * 绑定搜索按钮的点击事件
     */
    $(".search_btn").click(function () {
        tableIns.reload({
            where: { //设定异步数据接⼝的额外参数，任意设
                billNumber: $("[name='billNumber']").val(), // 账单编号
                disbursementTime: $("[name='disbursementTime']").val()// 出账时间
            }
            ,page: {
                curr: 1 // 重新从第 1 ⻚开始
            }
        }); // 只重载数据
    });




    function openSaleChanceDialog(id) {


        if (id != null){
            var title = "<h3>商家管理 - 编辑商家</h3>";
            var url = ctx + "/shop/toShopPage?id=" + id;
        }
        // iframe层
        layui.layer.open({
            // 类型
            type: 2,
            // 标题
            title: title,
            // 宽高
            area: ['500px', '400px'],
            // url地址
            content: url,
            // 可以最大化与最小化
            maxmin:true
        });
    }


    /**
     * 行工具栏监听事件
     table.on('tool(数据表格的lay-filter属性值)', function (data) {

         });
     */
    table.on('tool(saleChances)', function (data) {

        // 得到店铺的ID
        var billNumber = data.data.billNumber;
        // 判断类型
        if (data.event == "edit") { // 编辑操作


        }
    })
});